<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ include file="/common/taglibs.jsp"%>
<%@ include file="/common/meta.jsp"%>
<title>婴儿秀</title>
<link rel="stylesheet" type="text/css"	href="${ctx }/resource/css/home/common.css" />
<link rel="stylesheet" type="text/css"	href="${ctx }/resource/css/home/index.css" />
<link rel="stylesheet" type="text/css"	href="${ctx }/resource/css/validator/validator.css" />
<link rel="stylesheet" type="text/css"	href="${ctx }/resource/css/jquery/jquery.ui.all.css" />
<script type="text/javascript" src="${ctx }/resource/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="${ctx }/resource/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="${ctx }/resource/js/jquery.ui.tabs.js"></script>
<script type="text/javascript" src="${ctx }/resource/js/ajaxfileupload.js"></script>
</head>

<body id="nv_home" class="pg_space">


<div id="toptb"></div>
<div id="hd">

<div class="wp">

<%@include file="/common/header.jsp" %>
 

<div id="nv"><span class="header_b_left"> </span> <span
	class="header_b_right"> </span>
<ul class="nav_new">
	<li onmouseover="showMenu({'ctrlid':this.id,'ctrlclass':'hover','duration':2})">
	<a href="#" hidefocus="true" title="BBS">首页</a></li>
	<c:forEach items="${catalogList}" var="catalog">
	<li id="${catalog.id}"><a href="#" hidefocus="true" title="Follow">${catalog.name}</a></li>
	</c:forEach>	
</ul>
</div>

</div>
</div>
<div id="wp" class="wp">
<div id="pt" class="bm cl">
<div class="z"><a href="#" class="nvhm" title="首页">婴儿秀</a> <em>&rsaquo;</em>
<a href="#">${mother.name }</a> <em>&rsaquo;</em> <a
	href="#">个人资料</a>
</div>
</div>
<div class="wp"><!--[diy=diy1]-->
<div id="diy1" class="area"></div>
<!--[/diy]--></div>
<div id="ct" class="ct_sp wp cl">
<div class="uhd cl">
<div class="mtn ctrl flw_hd">
<div class="tns">
<table cellspacing="0" cellpadding="0">
	<tr>
		<th><span>广播</span>
		<p><a href="javascript:void(0)" onclick="jumpTab('weibiId')">${fn:length(mother.weibo)}</a></p>
		</th>
		<th><span>收听</span>
		<p><a href="#tabs-2">${fn:length(mother.likeMen)}</a></p>
		</th>
		<td><span>听众</span>
		<p><a href="#" >${fn:length(mother.fans)}</a></p>
		</td>
	</tr>
</table>
</div>
</div>
<div class="d cl">
<div class="avt"><a href="#"><img src="${ctx}/resource/images/home/template/avatar.mid.gif" /></a></div>
<h2 class="mt">${mother.name}</h2>
<table>
	<tr>
		<td>
		<p class="xg1 mbm"></p>
		</td>
	</tr>
</table>
</div>

</div>

<div id="tabs">
<ul>
	<li><a href="#tabs-1" id="weiboId">广播</a></li>	
	<li><a href="#tabs-2" id="shareId">分享</a></li>
	<li class="a" id="personId"><a href="#tabs-3">个人资料</a></li>
</ul>
<div id="tabs-1" >
	<c:forEach items="${mother.weibo}" var="weibo">
	   <p>${weibo.content}&nbsp;${weibo.createTime}</p>
	      
	</c:forEach>
</div>
<div id="tabs-2">
<table cellpadding="0" cellspacing="0" width="90%">
	<tbody>
	  <c:forEach items="${mother.photos}" var="photo" varStatus="var" end="3">	
	  <c:if test="${var.index%4==0}">
		<tr>	
		</c:if>	
			<td class="fl_g" width="22.9%">
			<div class="groupBox">
			<div class="groupCon">			
			<div class="imgBox">					
			   <div class='z'><img src='${ctx}/${photo.imageURL}'></img></div>		
			</div>
			</div>
			</div>
			</td>
		<c:if test="${var.index!=0&&var.index%3==0}">
		</tr>	
		</c:if>	
		 </c:forEach>
	</tbody>
</table>		
</div>

<div id="tabs-3">
		<div class="bm">
<div class="bm_c cl">

<div class="mn"><!--[diy=diycontenttop]-->
<div id="diycontenttop" class="area"></div>
<!--[/diy]-->
<div class="bml">
<div class="bm_c u_profile">

<div class="pbm mbm bbda cl">
<h2 class="mbn">${mother.name}<img src="static/image/common/ol.gif"	alt="online" title="在线" class="vm" /></h2>
<ul class="pf_l cl pbm mbm">
	<li><em>邮箱状态</em>未验证</li>
</ul>
<ul>
</ul>
<ul class="cl bbda pbm mbm">
	<li><em class="xg2">统计信息</em> 
		<a href="#"	target="_blank">粉丝数 ${fn:length(mother.fans)}</a> <span class="pipe">|</span> 		
		<a href="#"	target="_blank">关注数 ${fn:length(mother.likeMen)}</a><span class="pipe">|</span> 		
		<a href="#"	target="_blank">分享数 ${fn:length(mother.weibo)}</a>
		</li>
</ul>
<ul class="pf_l cl">
	<li><em>性别</em>保密</li>
	<li><em>生日</em>-</li>
</ul>
</div>
<div class="pbm mbm bbda cl">

</div>
<div id="psts" class="cl">
<h2 class="mbn">统计信息</h2>
<ul class="pf_l">
	<li><em>积分</em>${mother.scores}</li>
</ul>
</div>
</div>
</div>
<!--[diy=diycontentbottom]-->
<div id="diycontentbottom" class="area"></div>
<!--[/diy]--></div>

</div>
</div>
</div>
</div>


</div>

<div class="wp mtn"><!--[diy=diy3]-->
<div id="diy3" class="area"></div>
<!--[/diy]--></div>
</div>





<div id="ft" class="cl">
<div class="wp">
<p><a href="javascript:;"
	onclick="">举报</a><span
	class="pipe">|</span><a href="archiver/">Archiver</a><span
	class="pipe">|</span><a href="forum.php?mobile=yes">手机版</a><span
	class="pipe">|</span><strong><a href="http://www.moke8.com/"
	target="_blank">魔客吧</a></strong> &nbsp;&nbsp;<span id="tcss"></span><script
	type="text/javascript" src="#"
	charset="utf-8"></script><script type="text/javascript" reload="1">pgvMain({"discuzParams":{"r2":"12819150","ui":"669","rt":"home","md":"space","pn":1,"qq":"010","logo":11},"extraParams":""});</script></p>
<p class="xs0">GMT+8, 2013-2-4 15:52<span id="debuginfo"> ,
Processed in 0.121878 second(s), 19 queries . </span></p>

<p>Powered by <strong><a href="http://www.discuz.net"
	target="_blank">Discuz!</a></strong> <em>X2.5</em> Template by <a
	href="http://www.moke8.com" target="_blank">moke8</a></p>
<p class="xs0">&copy; 2001-2012 <a href="http://www.comsenz.com"
	target="_blank">Comsenz Inc.</a></p>
</div>
</div>

<div id="g_upmine_menu" class="tip tip_3" style="display: none;">
<div class="tip_c">积分 2, 距离下一级还需 48 积分</div>
<div class="tip_horn"></div>
</div>
<script	src="#"
	type="text/javascript"></script> <span id="scrolltop"
	onclick="window.scrollTo('0', '0');">回顶部</span> <script
	type="text/javascript">
	$(document).ready(function(){			
		 $( "#tabs" ).tabs();
		});
	
	//检查weibo的字符数是否超出
	function checkMsgLimit(){
		var usedLength=$("#message").val().length;
		var maxLength=70;
		 if(usedLength>=maxLength){
			 $("#limitTip").html("字符已经超过，请删除");
			 }else{
				$("#limitTip").html("还可以输入"+(maxLength-usedLength)+"字符");
				 }
		}
	//发布微博
	function pubMessage(){
		$.ajax({
			url:"${ctx}/action/pubMessage",
			data:"message="+$("#message").val(),
			dataType:"json",
			method:"post",
			success:function(data){
				  if(data.flag){
					  alert("发布成功");
					  }else{
						  alert("发布失败"+data.message);
						  }
				}
			});
	}
	//上传图片
function ajaxFileUpload()
	{
		$("#loading")
		.ajaxStart(function(){
			$(this).show();
		})
		.ajaxComplete(function(){
			$(this).hide();
		});
	
		$.ajaxFileUpload
		(
			{
				url:'${ctx}/action/shareImage',
				secureuri:false,
				fileElementId:'uploadImages',
				data:{"photo.title":$("#title").val(),"photo.tags":$("#tags").val(),"photo.link":$("#link").val()},
				dataType: 'json',
				success: function (data, status)
				{
						if(data.flag)
						{
							alert("分享成功");
						}else
						{
							alert(data.message);
						}
				},
				error: function (data, status, e)
				{
					alert(e);
				}
			}
		);
		
		return false;
	}
//触发tabs的click事件,谁能搞定js啊
function jumpTab(tabId){	
	$('#'+tabId).trigger('click');
}
</script>

</body>
</html>
